html,body{
    height:100%;
    padding:0;
    margin:0;
}
div{
   box-sizing: border-box; 
}
/* flex布局 */
.flex{
    display:flex;
    justify-content: space-between;
}
.flex-one{
   display:flex; 
   flex-wrap: wrap;
}
.flex-two{
    display:flex; 
    flex-wrap: wrap;
    align-items: center;
 }
 .flex-three{
    display:flex;
    justify-content: space-between;  
    flex-wrap: wrap;
 }
 .center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
 }
 .flex-four{
   display:flex;
   justify-content: space-between;
   align-items: center;
}
.flex-five{
   display:flex;
}
 /* 文本超出隐藏 */
 .text-one{
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
 }
